
@media screen and (min-width: 800px){

    .assoDetails .ad-title p {
        font-size:24px !important;
    }
    .assoDetails .ad-TxtImg p,.ad-copyright,.ad-title span,.keyword li,.asso-news li a ,.asso-news li .title-date,.nolist,.box .left span,.assoDetails .ad-TxtImg {
        font-size:18px !important;
    }
    .c-left-input .text,.comment-box {
        font-size: 22px !important;
    }
}
/* pc端样式控制 */
@media screen and (min-width: 1000px){
    .assoDetails {
        max-width: 677px;
        margin-left: auto;
        margin-right: auto;
    }
    .ad-TxtImg {
        line-height: .2rem !important;
    }
    .assoDetails .ad-title p{
        line-height: 35px !important;
    }
    .Gray_Bg{
        height: 2px !important;
    }
    .assoDetails .ad-title{
        margin-top: 20px !important;
    }
    .top-down{
        max-width: 776px;
        height: 80px !important;
        left: 50% !important;
        margin-left: -388px;
    }
    .bottom-down{
        max-width: 776px;
        height: 80px !important;
        left: 50% !important;
        margin-left: -388px;
    }
    .box .left{
        line-height: 80px !important;;
        height: 80px !important;
    }
    .bottom-down .left span{
        line-height: 80px !important;;
        height: 80px !important;
    }
    .box .left .logo{
        width: 60px !important;
        height: auto !important;
    }
    .box .down{
        width: 160px !important;
        height: 60px !important;
        top: 10px !important;
    }
    .box .left .logo{
        width: 60px !important;
        height: auto !important;
        margin-top: 10px !important;
    }

    .assoImg{
        height: auto !important;
    }
    .keyword {
        margin:.2rem .5rem !important;
    }
    .asso-news li {
        height:0.5rem !important;
        line-height: 0.5rem !important;
        overflow: hidden !important;
    }
    .assoDetails .ad-TxtImg p{
        line-height: 25px !important;
    }
    .ad-line{
        margin-top: 10px !important;
    }
    .assoDetails .ad-TxtImg img{
        margin: 0 auto !important;
    }
    .nolist{
        padding-bottom: 15px !important;
    }
    .assoDetails .ad-copyright{
        margin:10px auto !important;
    }
    .asso-discuss{
        margin: 12px auto !important;
    }
    .asso-discuss .asso-discuss-left{
        border-left: 2px solid #FD780F !important;
    }
    .asso-discuss .asso-discuss-left span{
        font-size: 16px !important;
    }
    .details-title{
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    .asso-discuss-main{
        border-width: 1px !important;
        padding: 10px 15px !important;
    }
    .asso-discuss-main .ul-left .img{
        width: 80px !important;
        height: 80px !important;
    }
    .asso-discuss-main .ul-left .txt .name{
        font-size: 16px !important;
    }
    .asso-discuss-main .ul-left .txt .time{
        font-size: 14px !important;
    }
    .asso-discuss-main>p{
        font-size: 15px !important;
        margin-top: 10px !important;
        line-height: 25px !important;
    }
}
/* pc端样式控制 */
img {
    width: 100%;
    height: 100%;
}

.keybord {
    width: 100%;
    height: 8.053333rem;
    background-color: white;
    display: none;
}

.assoDetails .ad-title p {
    color: #333333;
    font-size: .48rem;
    line-height: .7rem;
    text-align: center
}

.assoDetails .ad-title span {
    width: 100%;
    color: #666666;
    font-size: .32rem;
    display: block;
    margin-top: .2rem;
    text-align: center
}

.assoDetails .ad-title {
    width: auto;
    margin: .8rem auto 0;
    padding: 0 .32rem;
}

.ad-line {
    border-bottom: 1px solid #D9D9D9;
    margin-top: .5rem;
}

.assoDetails .ad-TxtImg {
    width: 100%;
    margin: .5rem auto 0;
    width: 100%;
    color: #666666;
    font-size: .32rem;
    line-height: .5rem;
    text-align: justify;
    /* text-indent: .65rem; */
    padding: 0 .32rem;
    table-layout: fixed;
    overflow: hidden;
}

.assoDetails .ad-TxtImg p {
    width: 100%;
    color: #666666;
    font-size: .32rem;
    line-height: .5rem;
    /* text-align: justify; */
    /* text-indent: .65rem;
    margin-bottom: .5rem; */
}

.assoDetails .ad-TxtImg img {
    margin: .2rem auto;
    display: block;
    text-align: center;
    max-width: 100%;
    width: 100% !important;
}

.assoDetails .ad-copyright {
    color: #666666;
    font-size: .24rem;
    margin: .5rem auto;
    padding: 0 .32rem;
}

.assoDetails .ad-copyright p {
    margin-top: .1rem;
    padding-left: 0.32rem;
}

.assoDetails .ad-copyright .ad-source span {
    margin-left: .2rem;
}

.assoDetails .keyword li {
    color: #666666;
    font-size: .24rem;
    margin-left: 0 !important;
    float: left;
}

.assoDetails .keyword li span {
    margin-right: .3rem;
}

.assoDetails .keyword {
    margin: .4rem .5rem;
}

.asso-news li {
    width: 100%;
    height: .853rem;
    padding: 0 .32rem;
}

.assoDetails .asso-news a.title {
    color: #333333;
    font-size: .24rem;
    height: .853rem;
    width: 7rem;
    overflow: hidden;
    width: 90%;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.assoDetails .asso-news span.time {
    display: block;
    color: #666666;
    font-size: .21rem;
    height: .853rem;
    width: 2.5rem;
    text-align: right;
}

.assoDetails .asso-news {
    margin: 0 auto .2rem;
}

.assoDetails .asso-news li {
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    border-bottom: .026667rem dashed #D9D9D9;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.asso-discuss {
    margin: .3rem auto;
    width: auto;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .32rem;
}

.asso-discuss .asso-discuss-left {
    float: left;
    border-left: .08rem solid #FD780F;
}

.asso-discuss .asso-discuss-right {
    float: right;
}

.asso-discuss .asso-discuss-left span {
    display: block;
    color: #666666;
    font-size: .32rem;
    margin-left: .08rem;
}

.asso-discuss .asso-discuss-right a {
    display: block;
    color: #666666;
    font-size: .24rem;
}

.asso-discuss-main {
    width: auto;
    margin: 0 auto;
    padding: .5rem .32rem;
    border-top: .026rem solid #D9D9D9;
}

.asso-discuss-main .ul-left {
    float: left;
}

.asso-discuss-main .ul-left .img {
    width: .98rem;
    height: .98rem;
    overflow: hidden;
    border-radius: 100%;
    float: left;
}

.asso-discuss-main .ul-left .img img {
    width: 100%;
}

.asso-discuss-main .ul-right {
    float: right;
    margin-top: .3rem;
}

.asso-discuss-main .ul-left .txt {
    float: left;
    margin-top: .08rem;
    margin-left: .266rem;
}

.asso-discuss-main .ul-left .txt .name {
    color: #FF6600;
    font-size: .2933rem;
}

.asso-discuss-main .ul-left .txt .time {
    color: #666666;
    font-size: .2666rem;
    margin-top: .053333rem;
}

.asso-discuss-main .ul-right a {
    display: block;
    width: 1.6rem;
    height: .56rem;
    line-height: .61rem;
    text-align: center;
    background-color: #C8C8C8;
    color: #FFFFFF;
    font-size: .24rem;
    border-radius: .133333rem;
}

.asso-discuss-main>p {
    width: auto;
    font-size: .24rem;
    color: #666666;
    margin-top: 0.2rem;
    line-height: 0.55rem;
}

.assoImg {
    height: 2.2133rem;
    width: 100%;
}

.assoImg img {
    width: 100%;
    height: 100%;
}

.comment-box {
    z-index: 99;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: .32rem;
    background-color: #FFFFFF;
    border-top: 1px solid #D9D9D9;
}

.comment-boxs {
    width: 100%;
    height: 1.44rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.comment-left {
    height: 1.44rem;
}

.c-left-input {
    position: relative;
    margin-top: .133333rem;
    padding-left: .266667rem;
    width: 5.946rem;
    height: 1.066667rem;
    color: #3333;
    font-size: .32rem;
}

.c-left-input .icons {
    position: absolute;
    top: .373333rem;
    left: .533333rem;
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../../images/asso_icon1.png) no-repeat center center;
    background-size: 100%;
}

.c-left-input .text {
    width: 100%;
    height: 1.173333rem;
    text-indent: .933333rem;
    line-height: 1.173333rem;
    font-size: .373333rem;
    background: #EEEEEE;
    border-radius: .106667rem;
}

.comment-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.comment-right span {
    display: block;
    float: left;
    width: 33.3%;
    height: 1.44rem;
    line-height: 1.44rem;
    text-align: center;
}

.comment-right span img {
    width: .586667rem;
    height: .586667rem;
    vertical-align: middle;
}

.comment-right img {
    width: .586667rem;
    height: .586667rem;
    vertical-align: middle;
}

.c-left-inputs {
    position: relative;
    margin-top: .133333rem;
    padding-left: .266667rem;
    width: 6.946rem;
    height: 1.066667rem;
    color: #3333;
    font-size: .32rem;
}

.c-left-inputs .icons {
    position: absolute;
    top: .373333rem;
    left: .533333rem;
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../../images/asso_icon1.png) no-repeat center center;
    background-size: 100%;
}

.c-left-inputs .texts {
    width: 100%;
    height: 1.173333rem;
    text-indent: .933333rem;
    line-height: 1.173333rem;
    font-size: .373333rem;
    background: #EEEEEE;
    border-radius: .106667rem;
}

